@mixin style($wt, $hi) {
    width: $wt;
    height: $hi;
}

@mixin style_2($mg, $pd) {
    margin: $mg;
    padding: $pd;
}

@mixin font($sz, $cl) {
    font-size: $sz;
    color: $cl;
}

@mixin padding($lf, $tp, $rg, $bt) {
    padding-left: $lf;
    padding-top: $tp;
    padding-right: $rg;
    padding-bottom: $bt;
}

@mixin margin($lf, $tp, $rg, $bt) {
    margin-left: $lf;
    margin-top: $tp;
    margin-right: $rg;
    margin-bottom: $bt;

}

p {
    @include margin(0, 0, 0, 0);
}

header {
    background-color: rgb(207, 207, 207);
    @include style(1200px, 300px);
    @include style_2(auto, 0);
    overflow: hidden;
}

.top {
    @include style_2(30px, 0);

}

.top>h1 {
    @include font(70px, rgb(0, 0, 0));
    @include style_2(0, 0);
    @include padding(20px, 10px, 0, 0)
}

.top>p {
    @include padding(20px, 0, 0, 0)
}

.top>button {
    @include style(150px, 40px);
    border: 0;
    color: azure;
    @include style_2(20px, 0);
    @include font(20px, azure);
    border-radius: 5px;
}

.container {
    // background-color: rgb(207, 207, 207);
    @include style(1200px, 1000px);
    @include style_2(auto, 0);
    @include margin(auto, 20px, auto, auto);
    overflow: hidden;
    display: flex;

}

.container_left {
    // background-color: rgb(96, 164, 219);
    @include style(600px, 1000px);
    border-radius: 10px;
    @include margin(0, 0, 40px, 0);
}

.container_right {
    // background-color: rgb(96, 164, 219);
    @include style(560px, 1000px);
}

.container_left>.top {
    @include style(600px, 40px);
    background-color: #2965a8;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    @include margin(0, 0, 0, 0);
}

.container_left>.top>p {
    @include style_2(0, 0);
    line-height: 40px;
    @include padding(20px, 0, 0, 0);
    @include font(20px, azure);
}

.container_left>.center {
    background-color: rgb(255, 255, 255);
    width: 600px;
    border: 1px solid #2965a8;
}


.center {
    overflow: hidden;

}

.table {
    width: 95%;
    margin: auto;
    @include style_2(15px, 0);

}

.table>thead {

    line-height: 40px;
    text-align: center;

}



.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    line-height: 40px;
    text-align: center;
}

.pagination {
    position: relative;
    left: 0px;
    @include margin(95px, 10px, 0, 40px);
}

#test {
    display: flex;
    justify-content: space-around;
    height: 57px;
    // border: 0;
}

.center>button {
    @include margin(15px, 20px, auto, auto);

    bottom: 0;
    margin-bottom: 15px;
}

.container_right>.top {
    background-color: #fbf7dd;
    margin: 0;
    height: 240px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;

}

.container_right>.top>.top_top {
    line-height: 40px;
    @include font(17px, #7b6034);
    @include padding(20px, 0, 0, 0);
    font-weight: bolder;

}

.container_right>.top>.top_center {
    width: 100%;
    height: 200px;
    background-color: #ffffff;
    border: 1px solid #fbf7dd;

}

.form-horizontal {
    width: 85%;
    margin: auto;
    @include padding(0, 10px, 0, 0);
}

.col-sm-offset-2 {
    display: flex;
}

.col-sm-offset-2>.checkbox {
    margin-right: 10px;
}

.container_right>.center {
    background-color: #d1e9f4;
    margin: 0;
    // width: 560px;
    height: 240px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-top: 20px;
}

.container_right>.center>.top_top {
    line-height: 40px;
    @include font(17px, #2a5f7f);
    @include padding(20px, 0, 0, 0);
    font-weight: bolder;
}

.container_right>.center>.center_center {
    width: 100%;
    height: 200px;
    background-color: #ffffff;
    border: 1px solid #d1e9f4;

}

.container_right>.bottom {
    background-color: #d9eece;
    margin: 0;
    height: 140px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-top: 20px;
}

.container_right>.bottom>.top_top {
    line-height: 40px;
    @include font(17px, #3b6f3a);
    @include padding(20px, 0, 0, 0);
    font-weight: bolder;
}

.container_right>.bottom>.bottom_center {
    width: 100%;
    height: 100px;
    background-color: #ffffff;
    border: 1px solid #d9eece;


}

.container_right>.bottom>.bottom_center>.opt {
    display: flex;
    align-items: center;
    width: 150px;
    height: 100px;
    align-items: center;
    margin-left: 20px;
}

.form-control {
    width: 200px;
}